@import "variables";

seed-ability-change {
  .echarts-box{
    background: #FFFFFF;
    .pages{
      z-index: 10;
      position: relative;
      top: pxTorem(-30);
      display: flex;
      justify-content: space-around;
      padding: 0 pxTorem(120);
      font-size: standard($f, f5);
      color: color($h5, c2);
      .disabled{
        color: color($h5, c4);
      }
    }
    #echarts{
      height: pxTorem(410);
    }
  }
  .scores-list {
    background: #FFFFFF;
    margin-top: pxTorem(20);
    .scores-title,.score-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 pxTorem(40);
    }
    .scores-title{
      height: pxTorem(100);
      font-size: standard($f, f3);
      color: color($h5, c4);
    }
    .score-item{
      height: pxTorem(110);
      font-size: standard($f, f5);
      display: flex;
      //justify-content: space-between;
      div{
        width: 33.33%;
      }
      .date{
        color: color($h5, c2);
      }
      .way{
        //flex: 0.5;
        overflow: hidden;
        .name{
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
        .time{
          margin-top: pxTorem(14);
          color: color($h5, c4);
        }
      }
      .change{
        color: color($h5, c13);
        text-align: right;
      }
      .zero{
        color: color($h5, c4);
      }
    }
  }
}
